<template>
  <div>
    <h3>这是Home组件下的Child子组件2</h3>
    <input type="button" @click="getParent" value="获取父组件对象">
    <p>获取父组件对象上的数据：{{ q }}</p>
    <p>获取父组件对象上的数据：{{ w }}</p>
    <p>获取父组件对象上的数据：{{ e }}</p>
    <p>执行父组件对象上的方法之后的数据：{{ r }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      q:"",
      w:"",
      e:"",
      r:""
    }
  },
  methods:{
    getParent(){
      // console.log(this.$parent);
      this.q = this.$parent.a;
      this.w = this.$parent.b;
      this.e = this.$parent.msg;
      this.r = this.$parent.sayHi();
    }
  }
}
</script>